layui.use('table', function () {
    var table = layui.table;
    //第一个实例
    table.render({
        elem: '#claNo'
        , height: 'full'
        // , url: '/cla/has/list' //数据接口
        , url: '/course/cla/no'  //数据接口
        , parseData: function (res) {
            return {
                "code": res.code, //解析接口状态
                "msg": res.msg, //解析提示文本
                "count": res.data.total, //解析数据长度
                "data": res.data.data //解析数据列表
            }
        }
        , request: {
            method: 'GET'
            , courseId: 'courseId' // 自定义参数
            , pageName: 'page' //页码的参数名称，默认：page
            , limitName: 'pageSize' //每页数据量的参数名，默认：limit
        }
        , where: {
            courseId: sessionStorage.getItem('currentCourseId')
        }
        , toolbar: 'default' //开启头部工具栏，并为其绑定左侧模板
        , title: '已选班级信息表'
        , cols: [[
            {type: 'checkbox', fixed: 'left'}
            , {field: 'id', title: 'ID', width: 100}
            , {field: 'claId', title: '未选班级', width: 200}
            , {field: 'systemId', title: '学院', width: 150}
        ]]
        , page: true //开启分页
    });

    //头工具栏事件
    table.on('toolbar(claNo)', function (obj) {
            var checkStatus = table.checkStatus(obj.config.id)
                , data = checkStatus.data; //获取选中的数据
            switch (obj.event) {
                case 'add':
                    if (data.length < 1) {
                        layer.msg("请选择班级添加！")
                    }
                    let courseId = sessionStorage.getItem('currentCourseId')
                    for (const cla of data) {
                        addCourseCla(courseId, cla.claId)
                    }
                    break;
                case 'update':
                    layer.msg('该功能不可用！');
                    break;
                case 'delete':
                    layer.msg('该功能不可用！');
                    break;
            }
        }
    );

    function addCourseCla(courseId, claId) {
        $.ajax({
            url: '/course/cla/add/',
            type: 'POST',
            data: {
                courseId: courseId,
                relationId: claId,
                nature: 0
            },
            success: function (res) {
                if (res.code === 0) {
                    layer.msg("添加" + claId + "成功！")
                    table.render({
                        elem: '#claHas'
                        , height: 'full'
                        // , url: '/cla/has/list' //数据接口
                        , url: '/course/cla/has'  //数据接口
                        , parseData: function (res) {
                            return {
                                "code": res.code, //解析接口状态
                                "msg": res.msg, //解析提示文本
                                "count": res.data.total, //解析数据长度
                                "data": res.data.data //解析数据列表
                            }
                        }
                        , request: {
                            method: 'GET'
                            , courseId: 'courseId' // 自定义参数
                            , pageName: 'page' //页码的参数名称，默认：page
                            , limitName: 'pageSize' //每页数据量的参数名，默认：limit
                        }
                        , where: {
                            courseId: sessionStorage.getItem('currentCourseId')
                        }
                        , toolbar: 'default' //开启头部工具栏，并为其绑定左侧模板
                        , title: '已选班级信息表'
                        , cols: [[
                            {type: 'checkbox', fixed: 'left'}
                            , {field: 'id', title: 'ID', width: 100}
                            , {field: 'courseId', title: '课程号', width: 200}
                            , {field: 'relationId', title: '班级', width: 150}
                        ]]
                        , page: true //开启分页
                    });
                    table.render({
                        elem: '#claNo'
                        , height: 'full'
                        // , url: '/cla/has/list' //数据接口
                        , url: '/course/cla/no'  //数据接口
                        , parseData: function (res) {
                            return {
                                "code": res.code, //解析接口状态
                                "msg": res.msg, //解析提示文本
                                "count": res.data.total, //解析数据长度
                                "data": res.data.data //解析数据列表
                            }
                        }
                        , request: {
                            method: 'GET'
                            , courseId: 'courseId' // 自定义参数
                            , pageName: 'page' //页码的参数名称，默认：page
                            , limitName: 'pageSize' //每页数据量的参数名，默认：limit
                        }
                        , where: {
                            courseId: sessionStorage.getItem('currentCourseId')
                        }
                        , toolbar: 'default' //开启头部工具栏，并为其绑定左侧模板
                        , title: '已选班级信息表'
                        , cols: [[
                            {type: 'checkbox', fixed: 'left'}
                            , {field: 'id', title: 'ID', width: 100}
                            , {field: 'claId', title: '未选班级', width: 200}
                            , {field: 'systemId', title: '学院', width: 150}
                        ]]
                        , page: true //开启分页
                    });
                } else {
                    layer.msg("删除" + claId + "失败！")
                }
            }
        })
    }
})
;